import React from "react";
import AnimationVisible from "../../../components/AnimationVisible";
const Screen2 = () => {
  return (
    <AnimationVisible>
      <div className="screen-item screen-item2  screen-introduce">
        <div className="screen-item-left" style={{ flex: 2 }}>
          <div className="wrap float-right">
            <div className="fadeInUp" style={{ fontSize: 25, marginBottom: 30 }}>
              钛动以技术为商业增长赋能
              <br />
              用产品为客户出海提
            </div>
            <img className="fadeInUp" src="https://www.tec-do.com/static/home/images/v2/chcp/icon/tree.png" />
            <div style={{ marginBottom: 30 }} className="title fadeInUp">
              一站式跨平台营销
              <br />
              让增长更便捷
            </div>
            <div className="fadeInUp" style={{ marginBottom: 40 }}>
              <img
                style={{ background: "#fff", borderRadius: 5, marginRight: 20 }}
                src="https://www.tec-do.com/static/home/images/v2/chcp/icon/ua.png"
              />
              <img
                style={{ background: "#fff", borderRadius: 5 }}
                src="https://www.tec-do.com/static/home/images/v2/chcp/icon/toptou.png"
              />
            </div>
            <ul className="list fadeInUp">
              <li>一站式跨媒体投放，轻松实现出海全渠道覆盖</li>
              <li>投放全场景闭环赋能出海营销每一步</li>
              <li>提升跨媒体账户管理及广告投放效率超过10倍</li>
              <li>助力客户实现倍数级别出海高增长</li>
            </ul>
          </div>
        </div>
        <div className=" screen-item-right" style={{ flex: 3 }}>
          <div className="market-list fadeInUp">
            <div className="market-item">
              <div className="light">15万+</div>
              <div>服务客户</div>
            </div>
            <div className="market-item">
              <div className="light">30000+</div>
              <div>管理账户</div>
            </div>
            <div className="market-item">
              <div className="light">100万+</div>
              <div>管理素材</div>
            </div>
            <div className="market-item">
              <div className="light">1500亿+</div>
              <div>月用户触达频次</div>
            </div>
            <div className="market-item">
              <div className="light">10倍+</div>
              <div>账户管理效率提升</div>
            </div>
            <div className="market-item">
              <div className="light">10倍+</div>
              <div>广告投放效率提升</div>
            </div>
          </div>
        </div>
      </div>
    </AnimationVisible>
  );
};
export default Screen2;
